.date-time-section {
  flex-grow: 1;
}
.date-time-section-top {
  width: 100%;
}
.date-time-section .tr-datatimepicker {
  width: 100%;
}
.tr-datatimepicker-timeselect{
  .el-icon{
    font-size: 10px;
    color: rgba(0, 0, 0, .56);
  }
  .el-select__wrapper{
    padding: 4px 9px;
  }
}
.tr-datatimepicker {
  .el-input__inner,
  .el-select__selected-item,
  .el-range-input {
    color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8));
  }
  .el-input__wrapper,
  .el-select__wrapper {
    box-shadow: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
  }
  .el-input__wrapper:hover,
  .el-select__wrapper:hover {
    border-color: var(--t-color);
    box-shadow: none;
  }
  .is-focus,
  .is-focused {
    border-color: var(--t-color);
    box-shadow: 0 0 3px rgba(var(--t-color-rgb), 0.6);
  }
  .el-select__selected-item.el-select__placeholder.is-transparent {
    color: rgba(0, 0, 0, 0.32);
  }
  .el-select__prefix {
    display: none;
  }
}
.date-time-section {
  .el-date-editor.el-input__wrapper {
    box-shadow: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
  }
  .el-range-editor.is-active {
    border-color: var(--t-color);
    box-shadow: 0 0 3px rgba(var(--t-color-rgb), 0.6);
  }
  .el-range-editor:hover {
    border-color: var(--t-color);
  }
  .el-input.is-disabled .el-input__wrapper {
    background-color: #f1f1f1;
    box-shadow: none;
  }
  .el-input.is-disabled .el-input__wrapper:hover {
    border-color: #d9d9d9;
  }
  .el-input.is-disabled .el-input__inner {
    color: rgba(0, 0, 0, 0.56);
    -webkit-text-fill-color: unset;
  }
  .el-input.is-disabled .hack-icon {
    opacity: 0;
  }
}

.date-time-section.is-readonly {
  .el-input__wrapper:hover {
    border-color: #d9d9d9;
  }
  // .el-input__wrapper{
  //   border: none;
  // }
  .is-focus {
    border-color: #d9d9d9;
    box-shadow: none;
  }
  .hack-icon {
    opacity: 0;
  }
}
// 下拉、弹出框
.tr-date-time-picker {
  .el-date-table td.current:not(.disabled) .el-date-table-cell__text,
  .el-year-table td.current:not(.disabled) .el-date-table-cell__text,
  .el-month-table td.current:not(.disabled) .el-date-table-cell__text,
  .el-date-table td.end-date .el-date-table-cell__text,
  .el-date-table td.start-date .el-date-table-cell__text {
    background-color: var(--t-color);
  }
  .el-select-dropdown__item.is-hovering {
    background-color: #f0f2f5;
  }
  .el-picker-panel__icon-btn {
    margin-top: 0;
  }
  .el-date-table td.today .el-date-table-cell__text,
  .el-date-table td.available:hover,
  .el-date-picker__header-label:hover,
  .el-date-picker__header-label:hover,
  .el-picker-panel__icon-btn:hover,
  .el-select-dropdown__item.is-selected,
  .el-time-panel__btn.confirm {
    color: var(--t-color);
  }
  .el-date-table td.today.current .el-date-table-cell__text,
  .el-date-table td.today.start-date .el-date-table-cell__text,
  .el-date-table td.today.end-date .el-date-table-cell__text {
    color: #fff;
  }
  .el-button.is-plain {
    background-color: var(--t-color);
    color: #fff;
    border-color: var(--t-color);
  }
  .el-button.is-plain:hover {
    background-color: rgba(var(--t-color-rgb), 0.8);
  }
  .el-button.is-text {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
  }
  .el-button.is-text:hover {
    background-color: #fff;
    border-color: var(--t-color);
    color: var(--t-color);
  }
  .el-picker-panel,
  .el-date-table th,
  .el-date-picker__header-label,
  .el-picker-panel__icon-btn {
    color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8));
  }
  /* 整个滚动条 */
  .el-picker-panel__sidebar::-webkit-scrollbar {
    width: 2px;
  }
  /* 滚动条的滑块部分 */
  .el-picker-panel__sidebar::-webkit-scrollbar-thumb {
    background-color: #e4e4e4;
  }
  .el-picker-panel__sidebar::-webkit-scrollbar-track {
    background-color: #f0f2f5; /* 轨道的背景颜色 */
  }
}
.div-error-label {
  color: #ff0000;
  font-size: 12px;
  padding-top: 5px;
  position: static;
}
.div-error-input {
  .el-input__wrapper,
  .el-input__wrapper:hover,
  .is-active,
  .is-focus,
  .el-select__wrapper,
  .el-select__wrapper:hover {
    border-color: #ff0000;
    box-shadow: none;
  }
}
.hack-icon {
  .el-input__icon {
    margin-right: 0;
  }
}
.under-trdate{
  span.date-time-picker{
    display: none;
  }
}
.tm-calendar__month-title, .tm-calendar__header-title, .tm-calendar__header-subtitle{
  color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8))!important;
}
.tm-picker-column__item{
  color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8))!important;
}
.tm-picker__title{
  color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8))!important;
}
